
Component({
  //一些组件选项
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持
  },

  //组件的对外属性，属性设置中可包含三个字段,type 表示属性类型、 value 表示属性初始值、 observer 表示属性值被更改时的响应函数    
  properties: {

    // 内容
    explain:{
      type: String,
      value: '',
      observer(newVal, oldVal) {
        console.log(newVal)

      }
    },
    // 说明内容
    content:{
      type: String,
      value: '',
      observer(newVal, oldVal) {
        console.log(newVal)
      }
    },
  },
  //组件的内部数据，和 properties 一同用于组件的模版渲染
  data:{
    files:[]
  },
  //组件的方法，包括事件响应函数和任意的自定义方法 
  methods: {

  //退款说明
  explain:function(e){
    let that = this
    // that.setData({
    //   explain:e.detail.value
    // })
    that.triggerEvent('signEventt', {
      'explain':e.detail.value
    })
  },
  //添加图片
  chooseImage: function (e) {
    const that = this;
    console.log(that.data.explain)
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
      success: function (res) {
        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
        console.log(res)
        that.setData({
          files: that.data.files.concat(res.tempFilePaths)
        });
        that.triggerEvent('signEvent', {
          'files':that.data.files
        })
      }
    })
  },

  //全屏图片
  previewImage: function (e) {
    const that = this;
    wx.previewImage({
      current: e.currentTarget.id, // 当前显示图片的http链接
      urls: that.data.files // 需要预览的图片http链接列表
    })
  },
  //关闭图片
  closeImg:function(e){
    let index = e.currentTarget.dataset.index
    console.log(index)
    this.data.files.splice(index, 1);
    this.setData({
      files:this.data.files
    })
  },

  },
  // 组件生命周期函数，可以为函数，或一个在methods段中定义的方法名
  attached: function(){},
  moved: function(){},
  detached: function(){},
  pageLifetimes: {
    show: function() {
      // 页面被展示
    },
  }
})
